<template>
	<div>
		<el-tree :data="mouble"
		 :props="{label:'label',children:'children'}"
		  show-checkbox
		  @check-change="getDatas"
		 @node-click="getData"
		 ></el-tree>
		
	</div>
</template>

<script>
	export default {
		data() {
			return {
				mouble: [{
					id:1,
					label: "全球供应商",
					children: [{
						id:101,
						label: '国外厂商'
					}, {
						id:102,
						label: "国内厂商"
					}]
				}, {
					id:2,
					label: "玩具",
					children: [{
						    id:201,
							label: '毛绒玩具'
						},
						{
							id:202,
							label: "进口玩具"
						}
					]
				}]
			}
		},
		components: {

		},
		methods: {
          getData(nodeValue){
			  console.log(nodeValue);
		  },
		 getDatas(data, checked, indeterminate){
	     console.log(data, checked, indeterminate);
		 }
		 
		}
	}
</script>

<style>
</style>
